<template>
	<!-- 团队成员详情 -->
	<view class="tuanDetail">
		<view class="tuanDetail_title">
			<view class="tuanDetail_title1">
				{{tuanInfo.user.money}}
			</view>
			<view class="tuanDetail_title2">
				累计消费（元）
			</view>
		</view>
		<view class="tuanDetail_titleTwo">
			<view class="titleTwo1">
				基本信息
			</view>
			<view class="titleTwo2">
				昵称 ：{{tuanInfo.user.nickname}}
			</view>
			<view class="titleTwo2">
				手机号 ： {{tuanInfo.user.mobile.substr(0,3)}}****{{tuanInfo.user.mobile.substr(-4)}}
			</view>
			<view class="titleTwo2">
				注册日期 ： {{tuanInfo.user.createtime}}
			</view>
			<view class="titleTwo2">
				他的团队 ：{{tuanInfo.user.members}}人
			</view>
		</view>
		<view class="tuanDetail_titleThree" v-if="tuanInfo.rigths.length">
			<view class="titleThree_title">
				权益详情（{{tuanInfo.rigths.length}}）
			</view>
			<u-cell-group>
				<u-cell-item v-for="(items,index) in tuanInfo.rigths" :key="index" :title="items.memo" :label="items.createtime" :arrow="false">
					<view style="color: #FD8521;" slot="right-icon">
						{{items.type}}{{items.rigths}}
					</view>
				</u-cell-item>
			
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	import {
		memberInfo
	} from "@/common/config/request.js"
	export default{
		data(){
			return {
				tuanInfo:"",//团队详情
			}
		},
		onLoad(option){
			this.getTuan(option.user_id)
		},
		methods:{
			getTuan(id){
				// console.log(id)
				let data={
					user_id:id
				}
				memberInfo(data).then(res=>{
					if(res.data.code==1){
						this.tuanInfo=res.data.data
						console.log(this.tuanInfo,'团队详情')
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tuanDetail{
		width: 750rpx;
		min-height: 100vh;
		background-color: #F3F4F5;
		box-sizing: border-box;
		padding: 20rpx;
		.tuanDetail_title{
			width: 710rpx;
			height: 191rpx;
			background: linear-gradient(180deg, #FD9706 0%, #FBB414 100%);
			opacity: 1;
			border-radius: 20rpx;
			box-sizing: border-box;
			padding-top: 20rpx;
			text-align: center;
			.tuanDetail_title1{
				font-size: 46rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
			}
			.tuanDetail_title2{
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				margin-top: 20rpx;
			}
		}
		.tuanDetail_titleTwo{
			width: 710rpx;
			height: 351rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			box-sizing: border-box;
			padding-left: 32rpx;
			padding-top: 30rpx;
			margin-top: 30rpx;
			.titleTwo1{
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #333333;
			}
			.titleTwo2{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #333333;
				margin-top: 20rpx;
			}
		}
		.tuanDetail_titleThree{
			width: 710rpx;
			min-height: 351rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			box-sizing: border-box;
			// padding-left: 32rpx;
			padding-top: 30rpx;
			padding-bottom: 20rpx;
			margin-top: 30rpx;
			.titleThree_title{
				margin-left: 20rpx;
				margin-bottom: 20rpx;
			}
		}
	}
</style>
